Image Optimizations 画像最適化
画像 Image
の
Assets Optimizations 資産の最適化
compress image 画像圧縮
最適な
画像format 形式
の選択
Raster graphics ビットマップ画像
WebP
AVIF
JPEG
png
Vector Graphic ベクター画像
SVG Scalable Vector Graphics
ロードタイミングの最適化
Lazy load 遅延読み込み
preload
prefetch
リクエスト 削減
インライン化してリクエスト削減
画像のリサイズと出し分け
Responsive images
Accessibility アクセシビリティ Web
目が見えない人が見てるのに、画像情報リクエストする必要ない
参考
Building an effective Image Component
画像 Image
を用いて、パフォーマンスを考慮した
Component コンポーネント code
の作成について